/* 
    Document   : estilos
    Created on : 24/07/2013, 06:45:55 PM
    Author     : AaRoN
    Description:
        Purpose of the stylesheet follows.
*/

body{
    /*background-color: black;*/
    color: #fff;
    font-size: 1.2em;
}
.principal{
    margin: 10px auto;
    min-width: 300px;
    padding: 5px;
    width: 95%;
}
header{
    background-color: #FF4438;
}
header img{
    display: inline-block;
    max-height: 150px;
    min-height: 100px;
    vertical-align: top;
    width: 20%;
}
header div{
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 75%;
}
footer{
    background-color: #FF4438;
}
input{
    display: block;
    padding: 1px 3px 1px 1px;
    margin: 5px auto;
    outline: none;
    width: 80%;    
}
input:focus{
    outline-color: black;
    outline-style: auto;
    outline-width: medium;
}
input[type="text"]:hover,input[type="password"]:hover,input[type="search"]:hover{
    -webkit-box-shadow: 0px 0px 67px 2px rgba(132,255,230,1);
    -moz-box-shadow: 0px 0px 67px 2px rgba(132,255,230,1);
    box-shadow: 0px 0px 67px 2px rgba(132,255,230,1);
}
input[type="button"]{
    color: white;
    background-color: #FF4438;
    font-size: 1.22em;
    width: 50%;
}
input[type="button"]:hover{
    background-color: #FF5752;
    cursor: pointer;
}
.inpLogin{
    margin: 6% auto;
    padding: 10px;
}
#login label{
    display: block;
    font-size: 1.5em;
    margin: 2% auto;
    text-align: center;
    width: 90%;
}
.de60{
    background-color: #4B94FF;
    display: inline-block;
    margin-top: 1%;
    min-width: 300px;
    padding: 5px;
    vertical-align: top;
    width: 55%;
}
.de40{
    background-color: #4B94FF;
    display: inline-block;
    margin-top: 1%;
    min-width: 300px;
    padding: 5px;
    vertical-align: top;
    width: 41%;
}
.latIzq{
    background-color: #4B94FF;
    display: inline-block;
    font-size: 1.2em;
    margin-top: 1%;
    min-height: 480px;
    min-width: 250px;
    padding: 5px;
    text-align: center;
    vertical-align: top;
    width: 28%;

}
.latIzq img{
    display: inline-block;
    margin: 15px;
    max-height: 250px;
    max-width: 200px;
    min-height: 150px;
    /*vertical-align: top;*/
    width: 95%;
}
.latIzq label{
    display: inline-block;
    margin: 15px;
    width: 95%;
}
.latDer{
    /*background-color: #4B94FF;*/
    display: inline-block;
    font-size: 1.2em;
    margin-top: 1%;
    min-height: 400px;
    min-width: 300px;
    padding: 5px;
    /*text-align: center;*/
    vertical-align: top;
    width: 68%;
}
.menu9{
    background-color: #6DFF0D;
    display: inline-block;
    margin: 5px;
    min-height: 150px;
    min-width: 200px;
    text-align: center;
    vertical-align: top;
    width: 31%;
}
.menu9:hover{cursor: pointer;background-color: #7AFFFF;}
.menu9 img{
    margin-top: 10px;
    height: 70px;
    width: 50%;
}
.error{background-color: #BC1010;padding: 6px 12px;border-radius: 4px;color: white;font-weight: bold;margin-left: 16px;
       margin-top: 6px;position: absolute;}
.error:before{content: '';border-top: 8px solid transparent;border-bottom: 8px solid transparent;
              border-right: 8px solid #BC1010;border-left: 8px solid transparent;left: -16px;position: absolute;top: 5px;}
.mensajes{background-color: #8cff75;padding: 6px 12px;border-radius: 4px;color: white;font-weight: bold;margin-left: 16px;
          margin-top: 6px;position: absolute;}

#tResultados{
    margin-top: 10%;
    text-align: center;
}
#tResultados table{
    width: 90%;
}
.selecciona:hover{
background-color: rgba(0,0,0,.5);
cursor: pointer;
}
.botonera{
    /*background-color: yellow;*/
    display: inline-block;
    text-align: center;
    min-height: 480px;
    vertical-align: top;
    width: 18%;
}
.botonera [type=button]{
    background-color: #E067C2;
    font-size: 1.2em;
    width: 90%;
    min-width: 100px;
    margin-top: 20%;
    min-height: 80px;
}
.botonera [type=button]:hover{
    background-color: rgba(188,102,201,.8);
}
.tabs{
    display: inline-block;
    padding: 5px;
    margin-top: .8%;
    min-width: 250px;
    width: 50%;
}
.tab [type=radio]{
    display: none;
}
.tabActivo{
    background-color: #6DFF0D;
    display: inline-block;
    font-size: 1.2em;
    width: 35%;
}
.tabDesactivo{
    background-color: #A3FF56;
    display: inline-block;
    width: 30%;
}
.tabDesactivo:hover, .tabActivo:hover{
    background-color: #13E80C;
    cursor: pointer;
    font-size: 1.2em;
    width: 40%;
}
.content{
    padding-top: 2%;
    background-color: #6DFF0D;
    padding-left: 15px;
}
